@charset "utf-8";
/* CSS Document */
/*banner*/
.banner{ overflow:hidden; width:100%; height:510px; background:url(Img/Index/banner.jpg) no-repeat center top;}

/*search*/
.search { overflow:hidden; width:100%; height:72px; background-color:#f2f2f2;}
.search p{ font-size:14px; color:#000; line-height:72px; float:left}
.search p a{ margin:0 8px; color:#333}
.search .sbox { overflow:hidden; width:362px; height:44px; background:url(Img/Index/search.png) no-repeat center top; float:right; margin-top:14px;}
.search input{ display:block; float:left; margin-left:17px; height:44px; border:none; background:none; outline:none; font-size:13px; color:#999; line-height:44px; width:292px;}
.search span{ display:block; width:53px; height:44px; float:right; cursor:pointer;}

/*five*/
.five { overflow:hidden; width:1000px; margin:40px auto;}
.five ul{ overflow:hidden; width:110%;}
.five li{ float:left; width:140px; overflow:hidden; margin-right:77px; cursor:pointer;}
.five li span{ display:block; width:132px; height:152px; overflow:hidden; position:relative; margin-bottom:15px;}
.five li em{ display:block; font-size:12px; color:#000; text-align:center;line-height: 18px;}
/*.five li:hover img{ margin-top:-152px;}*/

/*pro*/
.pro { overflow:hidden; width:100%; padding-top:60px; padding-bottom:50px; background:url(Img/Index/pro00.jpg) no-repeat center top; background-color:#f2f2f2;}
.pro .proLeft { overflow:hidden; width:240px; float:left; background-color:#fff; padding-bottom:35px;}
.pro .proLeft h2{ overflow:hidden; width:100%; height:85px; background-color:#454e89; text-align:center; font-size:28px; color:#fff;}
.pro .proLeft h2 a{ color:#fff; display:block; margin-top:15px;}
.pro .proLeft h2 em{ font-size:14px; color:#979dc5; font-family:Arial; text-transform:uppercase; display:block}
.pro .proLeft h3{ width:180px; height:42px; padding-left:20px; line-height:42px; background:url(Img/Index/pro01.png) no-repeat 165px center; background-color:#949494; margin-bottom:10px; margin:0 auto; font-size:16px; font-weight:normal; margin-top:20px;}
.pro .proLeft h3 a{ color:#fff;}
.pro .proLeft ul{ overflow:hidden; width:200px; margin:0 auto;}
.pro .proLeft li{ overflow:hidden; padding-left:30px; width:170px; background:url(Img/Index/pro02.png) no-repeat 15px center; font-size:13px; border-bottom:1px solid #f0f0f0; line-height:40px; position:relative;}
.pro .proLeft li a{ color:#333;}
.pro .proLeft li a:hover{ color:#454e89}
.pro .proLeft h3 a:hover
{
    text-decoration:none;
      
}
.pro .proLeft h3:hover,.prov .proLeft h3.cur
{
     background-color:#454e89;
      
}


.pro .proRight { overflow:hidden; width:720px; float:right}
.pro .proRight .tubanner{ overflow:hidden; width:724px; height:241px; background-color:#fff; border:8px solid #454e89}
.pro .proRight .tubanner img{ display:block; float:left; margin:15px;}
.pro .proRight .tubanner .wen{ overflow:hidden; width:420px; float:left; margin-top:35px;}
.pro .proRight .tubanner h3{ font-size:18px; margin-bottom:12px;}
.pro .proRight .tubanner h3 a{ color:#000}
.pro .proRight .tubanner b{ display:block; font-size:14px; color:#000; margin-bottom:10px;}
.pro .proRight .tubanner p{ font-size:13px; color:#333; line-height:24px; height:48px; overflow:hidden; margin-bottom:25px;}
.pro .proRight .tubanner .btn{ display:block; width:125px; height:33px; text-align:center; line-height:33px; border:1px solid #e3e3e3; font-size:13px; color:#939393; float:left; margin-right:10px;}
.pro .proRight .tubanner .btn02{ border-color:#454e89; background-color:#454e89; color:#fff;}
.pro .proRight .list{ overflow:hidden; width:770px;}
.pro .proRight .list li{float:left;margin-right:15px;margin-top:20px;width:210px;height: 236px;border:8px solid #fff;overflow:hidden;position:relative;background-color:#fff;}
.pro .proRight .list li span{display:block;text-align:center;font-size:14px;color: #333;position:absolute;left:5%;bottom: 6px;width:90%;}
.pro .proRight .list li a{ display:block; text-decoration:none}
.pro .proRight .list li:hover{ border-color:#454e89;}

/*tedian*/
.tedian { overflow:hidden; width:100%; height:734px; background:url(Img/Index/td_bg.jpg) no-repeat center top;}
.tedian h2{ text-align:center; margin-top:45px; margin-bottom:14px;}
.tedian .tdbox{ overflow:hidden; width:1000px; height:540px; margin:0 auto; position:relative}
.tedian .tdbox img{ display:block; position:absolute; display:none}
.tedian .tdbox .img01{ z-index:1;left:514px;top:96px;}
.tedian .tdbox .img02{ left:458px; top:200px; z-index:2}
.tedian .tdbox .img02-1{ left:509px; top:149px;}
.tedian .tdbox .img03{z-index:3;left:412px;top:270px}
.tedian .wen{ overflow:hidden; position: absolute; padding:9px 0; opacity:0;filter:alpha(opacity=0)}
.tedian h3{ font-size:22px; color:#fff; margin-bottom:5px; opacity:0;filter:alpha(opacity=0)}
.tedian p{ font-size:14px; color:#fff; text-align:justify; width:100%; line-height:20px; height:112px; opacity:0;filter:alpha(opacity=0)}
.tedian .wen01,.tedian .wen02,.tedian .wen03{ padding-left:115px; left:0; width:195px;}
.tedian .wen01 img,.tedian .wen02 img ,.tedian .wen03 img{ left:0; top:10px;}
.tedian .wen01{ padding-right:147px; background:url(Img/Index/td-x01.png) no-repeat right 20px; top:47px;}
.tedian .wen02{ padding-right:143px; background:url(Img/Index/td-x02.png) no-repeat right 20px;top:209px;}
.tedian .wen03{ padding-right:55px; background:url(Img/Index/td-x03.png) no-repeat right 40px; top:382px;}
.tedian .wen04,.tedian .wen05,.tedian .wen06{ padding-right:110px; right:0; width:150px;}
.tedian .wen04 img,.tedian .wen05 img ,.tedian .wen06 img{ right:0; top:5px;}
.tedian .wen04{ padding-left:59px; background:url(Img/Index/td-x04.png) no-repeat left 20px; top:47px;}
.tedian .wen05{ padding-left:127px; background:url(Img/Index/td-x05.png) no-repeat left 20px;top:209px;}
.tedian .wen06{ padding-left:208px; background:url(Img/Index/td-x06.png) no-repeat left 40px; top:382px;}
.tedian .wen04 h3,.tedian .wen05 h3,.tedian .wen06 h3{ text-align:right}



/*优势*/
.youshi { overflow:hidden; width:100%; margin-bottom:50px;}
.youshi .youshi_title{ overflow:hidden; width:100%; height:261px; background:url(Img/Index/youshi_01.jpg) no-repeat center top;}
.youshi .youshi_title h2{ text-align:center; margin-top:89px;}
.youshi h3{ font-size:22px; color:#000; margin-bottom:25px;}
.youshi p{ font-size:14px; color:#000; line-height:20px; margin-bottom:20px; padding-left:20px; background:url(Img/Index/youshi_p.png) no-repeat left 3px; width:370px;}
.youshi em{ font-size:13px; color:#000; display:block; margin-top:10px;}
.youshi em span{ font-size:25px; color:#454e89}
.youshi .youshi01{ overflow:hidden; width:100%; height:297px; background:url(Img/Index/youshi_02.jpg) no-repeat center top;}
.youshi .youshi02{ overflow:hidden; width:100%; height:306px; background:url(Img/Index/youshi_03.jpg) no-repeat center top;}
.youshi .youshi03{ overflow:hidden; width:100%; height:313px; background:url(Img/Index/youshi_04.jpg) no-repeat center top;}
.youshi .youshi04{ overflow:hidden; width:100%; height:347px; background:url(Img/Index/youshi_05.jpg) no-repeat center top;}
.youshi .youshi01 .wen{ overflow:hidden; margin-left:160px; margin-top:25px;}
.youshi .youshi02 .wen{ overflow:hidden; margin-left:435px; margin-top:30px;}
.youshi .youshi03 .wen{ overflow:hidden; margin-left:160px; margin-top:35px;}
.youshi .youshi04 .wen{ overflow:hidden; margin-left:435px; margin-top:50px;}
.youshi .video{ overflow:hidden; width:390px; height:230px; background-color:#000;float: right;
    margin-top: -240px;
    margin-right: 10px;}

/*留言*/
.liuyan { overflow:hidden; width:100%; padding:30px 0; background-color:#efefef; margin-bottom:50px;}
.liuyan .leftwen { overflow:hidden; width:380px; height:280px; background:url(Img/Index/liuyan_x.png) right top repeat-y; float:left}
.liuyan .leftwen p{ font-size:20px; color:#000;}
.liuyan .leftwen img{ display:block; margin-bottom:12px;}
.liuyan .leftwen em{ padding:3px 0; font-size:16px; color:#666; padding-left:30px; background:url(Img/Index/liuyan_phone.png) no-repeat left center; margin-left:20px; display:block;}
.liuyan .leftwen em span{ font-size:20px; color:#454e89;}
.liuyan .leftwen a{ display:block; width:196px; height:38px; text-align:center; line-height:38px; background:url(Img/Index/liuyan_btn.png) no-repeat center; font-size:16px; color:#fff; margin-left:60px; margin-top:10px; text-decoration:none}
.liuyan .lybox{ overflow:hidden; float:right; width:580px;}
.liuyan .lybox h3{ font-size:28px; margin-bottom:10px; color:#454e89;}
.liuyan .lybox h3 em{ color:#000}
.liuyan .lybox input{ overflow:hidden; width:225px; height:44px; padding-left:55px; font-size:14px; color:#666; line-height:44px; border:1px solid #d2d2d2; margin-bottom:9px; display:block; outline:none;}
.liuyan .lybox .name{ background:url(Img/Index/liuyan01.png) no-repeat left center; background-color:#fff;}
.liuyan .lybox .phone{ background:url(Img/Index/liuyan02.png) no-repeat left center;background-color:#fff;}
.liuyan .lybox .addr{ background:url(Img/Index/liuyan03.png) no-repeat left center; background-color:#fff;}
.liuyan .lybox textarea{ overflow:hidden; padding:10px; padding-left:55px; width:215px; height:132px; border:1px solid #d2d2d2; background:url(Img/Index/liuyan04.png) no-repeat left top; background-color:#fff; outline:none; resize:none; font-size:14px; color:#666; float:right; margin-top:-165px; margin-bottom:20px;}
.liuyan .lybox b{ display:block; width:100%; height:56px; text-align:center; line-height:56px; background-color:#454e89; font-size:18px; color:#fff; cursor:pointer; float:left}

/*about*/
.about { position:relative; width:100%; height:910px; background:url(Img/Index/about_bg.jpg) no-repeat center top;}
.about h2{ text-align:center; font-size:38px; padding-top:40px;}
.about h2 a{ color:#1b1b1b;}
.about h2 i{ display:inline-block; width:404px; height:1px; background-color:#d8d8d8; margin:0 20px; position:relative; top:-12px;}
.about h2 i{ *display:inline}
.about em{ display:block; text-align:center; font-size:16px; color:#1b1b1b; text-transform:uppercase; margin-top:10px; margin-bottom:35px; opacity:0.2; filter:alpha(opacity=20)}
.about .awen{ overflow:hidden; width:980px; margin:0 auto; margin-bottom:40px;}
.about .awen img{ display:block; float:left; border:3px solid #fff;}
.about .awen .wen{ overflow:hidden; width:570px; float:right; margin-top:24px;}
.about .awen h3{ font-weight:normal; font-size:16px; margin-bottom:15px;}
.about .awen h3 a{ color:#3e4c8b;}
.about .awen p{ font-size:14px; line-height:28px; color:#333; height:168px; overflow:hidden; text-align:justify; margin-bottom:30px;}
.about .awen a.btn{ display:block; width:136px; height:31px; text-align:center; line-height:31px; font-size:14px; color:#fff; background-color:#949494; float:left; margin-right:10px;}
.about .awen a.btn.btna02{ background-color:	}
.about .fengcai { width:980px; height:370px; box-shadow:8px 8px 8px #ccc; background-color:#fff; margin:0 auto; position:relative}
.about .fengcai i{ display:block; width:42px; height:42px; cursor:pointer; position:absolute; top:190px;}
.about .fengcai .btn01{ background:url(Img/Index/about_btn01.png) no-repeat center top; left:-20px;}
.about .fengcai .btn02{ background:url(Img/Index/about_btn02.png) no-repeat center top; right:-20px;}
.about .fengcai i:hover{ background-position:bottom}
.about .menu{ overflow:hidden; width:100%; height:52px; padding-top:35px; padding-bottom:10px; margin-bottom:25px; text-align:center}
.about .menu li{ display:inline-block; width:180px; height:52px; margin:0 -2px; text-align:center; font-size:18px; font-weight:bold; position:relative; background-color:#ececec; line-height:52px;}
.about .menu li{ *display:inline}
.about .menu li a{ display:block; text-decoration:none; color:#333;}
.about .menu li img{ display:none; position:absolute; top:52px; left:86px;}
.about .menu li.cur{ background-color:#454e89;}
.about .menu li.cur a{ color:#fff;}
.about .menu li.cur img{ display:block}
.about .fcbox { overflow:hidden; width:932px; margin:0 auto; height:225px; position:relative;}
.about .fcbox ul{ overflow:hidden; position:absolute}
.about .fcbox li{ margin-right:20px; float:left; width:218px; /*height:225px;*/}
.about .fcbox li .fctu{ width:208px; height:140px; overflow:hidden; position:relative; border:5px solid #f3f3f3; margin-bottom:10px;}
.about .fcbox li span{ display:block; text-align:center; font-size:13px; color:#333;}
.about .fcbox li a{ display:block; text-decoration:none;}
.about .bbg { display:block; position:absolute; left:50%; bottom:-220px; margin-left:568px;}

/*流程*/
.liucheng { overflow:hidden; width:100%; height:342px; background-color:#454e89;}
.liucheng h2{ text-align:center; font-size:38px; color:#fff; margin-top:45px;}
.liucheng i{ display:inline-block; width:404px; height:1px; background-color:#6b7ac1; margin:0 20px; position:relative; top:-12px;}
.liucheng i{ *display:inline}
.liucheng em{display:block; text-align:center; font-size:16px; color:#fff; text-transform:uppercase; margin-top:10px; margin-bottom:35px; opacity:0.2; filter:alpha(opacity=20)}
.liucheng img{ display:block; margin:0 auto}

/*合作*/
.hezuo { overflow:hidden; width:100%; height:335px; background:url(Img/Index/hezuo_bg.png) repeat center;}
.hezuo h2{ text-align:center; font-size:38px; margin-top:45px;}
.hezuo h2 a{ color:#000}
.hezuo h2 i{ display:inline-block; width:404px; height:1px; background:#dbdbdb; margin:0 20px; position:relative; top:-12px;}
.hezuo h2 i{ *display:inline}
.hezuo em{ display:block; text-align:center; font-size:16px; color:#000; text-transform:uppercase; margin-top:10px; margin-bottom:35px; opacity:0.2; filter:alpha(opacity=20)}
.hezuo .hzbox { overflow:hidden; width:1000px; margin:0 auto; height:155px; position:relative}
.hezuo .hzbox ul{ overflow:hidden; position: absolute}
.hezuo .hzbox li{ float:left; width:184px; height:155px; margin-right:20px; text-align:center}
.hezuo .hzbox li a{ display:block; text-decoration:none}
.hezuo .hzbox li span{ display:block; text-align:center; font-size:14px; color:#333; margin-top:10px;}

/*客户*/
.kehu { overflow:hidden; width:100%; height:550px; background:url(Img/Index/kehu_bg.png) no-repeat left top;}
.kehu h2{ text-align:center; font-size:38px; margin-top:45px;}
.kehu h2 a{ color:#000}
.kehu h2 i{ display:inline-block; width:350px; height:1px; background:#dbdbdb; margin:0 20px; position:relative; top:-12px;}
.kehu h2 i{ *display:inline}
.kehu em{ display:block; text-align:center; font-size:16px; color:#000; text-transform:uppercase; margin-top:10px; margin-bottom:35px; opacity:0.2; filter:alpha(opacity=20)}
.kehu .khbox { overflow:hidden; width:1050px; margin:0 auto; height:344px;}
.kehu dl{ overflow:hidden; width:475px; margin:0 25px; margin-bottom:40px; height:152px; float:left}
.kehu dt { overflow:hidden; float:left; width:202px; height:152px; position:relative}
.kehu dd{ overflow:hidden; float:right; width:255px;}
.kehu dd h3{ font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:10px 0}
.kehu dd h3 a{ color:#000}
.kehu dd p{ font-size:13px; color:#333; line-height:24px; height:72px; overflow:hidden}
.kehu dd .more{ display:block; width:122px; height:30px; background-color:#e7e7e7; text-align:center; line-height:30px; font-size:12px; color:#848484; margin-top:10px; text-decoration:none}
.kehu dd .more:hover{ background-color:#454e89; color:#fff;}

/*news*/
.news { overflow:hidden; width:100%; height:430px; padding:50px 0; background:url(Img/Index/hezuo_bg.png) repeat center;}

.leftnews { overflow:hidden; float:left; width:645px; padding:0 20px; height:430px; background-color:#fff;}
.leftnews .top{ overflow:hidden; width:100%; margin-top:25px; margin-bottom:24px; border-bottom:1px solid #cdcdcd}
.leftnews .menu{ overflow:hidden; float:left}
.leftnews .menu li{ float:left; margin-right:50px; padding:0 10px; padding-bottom:15px; border-bottom:3px solid #fff; font-size:20px;}
.leftnews .menu li a{ color:#000; text-decoration:none}
.leftnews .menu li.cur{ font-weight:bold; border-color:#454e89;}
.leftnews .menu li.cur a{ color:#454e89;}
.leftnews .top .more{ float:right; font-size:14px; color:#8a8a8a;}
.leftnews .newsbox { overflow:hidden; width:100%; height:325px; position:relative;}
.leftnews .newslist{ overflow:hidden; width:100%; height:100%;}
.leftnews .newslist dl{ overflow:hidden; width:100%; height:156px; margin-bottom:12px;}
.leftnews .newslist dt{ overflow:hidden; float:left}
.leftnews .newslist dd{ overflow:hidden; float:right; width:420px;}
.leftnews .newslist h3{ font-size:14px; color:#454e89; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:10px 0;}
.leftnews .newslist h3 a{ color:#454e89}
.leftnews .newslist p{ font-size:13px; line-height:22px; color:#333; height:66px; overflow:hidden; text-align:justify}
.leftnews .newslist .more{ display:block; width:122px; height:30px; background-color:#e7e7e7; text-align:center; line-height:30px; font-size:12px; color:#848484; margin-top:20px; text-decoration:none}
.leftnews .newslist .more:hover{ background-color:#454e89; color:#fff;}
.leftnews .newslist ul{ overflow:hidden; width:100%;}
.leftnews .newslist li{ padding-left:15px; background:url(Img/Index/news_s.png) no-repeat left center; width:630px;overflow:hidden; font-size:13px; line-height:30px;}
.leftnews .newslist li a{ color:#333; display:block; width:480px; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.leftnews .newslist li span{ float:right; color:#333}

.rightnews { overflow:hidden; width:295px; float:right; height:430px; background-color:#fff;}
.rightnews .top{ overflow:hidden; width:100%; height:70px; background-color:#333}
.rightnews h3{ float:left; font-size:20px; margin-left:10px; margin-top:15px;}
.rightnews h3 a{ color:#fff;}
.rightnews h3 em{ display:block; font-size:12px; color:#fff; font-family:Arial; text-transform:uppercase; opacity:0.3; filter:alpha(opacity=30)}
.rightnews .more{ float:right; margin-right:10px; margin-top:28px; font-size:14px; color:#fff;}
.rightnews .wenda{ overflow:hidden; width:275px; margin:0 auto; height:320px; margin-top:20px; position:relative}
.rightnews .wenda ul{ overflow:hidden; width:100%; position:absolute}
.rightnews .wenda li{ overflow:hidden; width:100%; height:94px; border-bottom:1px dashed #ddd; margin-bottom:20px;}
.rightnews .wenda h5{ font-weight:normal; font-size:14px; padding-left:35px; line-height:25px; background:url(Img/Index/news_w.png) no-repeat left center; margin-bottom:8px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.rightnews .wenda h5 a{ color:#000}
.rightnews .wenda p{ padding-left:35px; background:url(Img/Index/news_d.png) no-repeat left top; font-size:13px; line-height:22px; color:#666; height:44px; overflow:hidden;}

/*link*/
.link { overflow:hidden; width:100%; padding:24px 0; background-color:#3f3f3f;}
.link h3{ float:left; font-size:18px; font-weight:normal;}
.link h3 a{ color:#fff;}
.link h3 p{ font-size:14px; color:#8a8a8a; text-transform: uppercase}
.link ul{ overflow:hidden; float:right; width:880px;}
.link li{ float:left; padding:0 20px; margin:3px 0; border-right:1px solid #535353; font-size:13px;}
.link li a{ color:#e2e2e2;}


/*<--!广告轮播样式效果一-->*/
#flashs{ position:relative; height:500px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:2; bottom:25px; left: 50%;margin-left: -64px; padding:0px 6px;}
#flashs .btn span{ background:#252525; cursor: pointer;display: inline-block;margin:2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;color:#fff;}
#flashs .btn span.cur{  background:#454e89;}


/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}